@import 'bulma/sass/utilities/functions.sass';

// $primary: $turquoise !default

// $info: $cyan !default
// $success: $green !default
// $warning: $yellow !default
// $danger: $red !default

// $light: $white-ter !default
// $dark: $grey-darker !default

$primary: $blue;
// $info: $cyan;
$info: $blue;
$success: $green;
$warning: $yellow;
$danger: $red;

// $light: $grey-lighter;
$light: $grey-lightest;
$dark: $grey-dark;

// Invert colors

$orange-invert: findColorInvert($orange);
$yellow-invert: findColorInvert($yellow);
$green-invert: findColorInvert($green);
$turquoise-invert: findColorInvert($turquoise);
$cyan-invert: findColorInvert($cyan);
$blue-invert: findColorInvert($blue);
$purple-invert: findColorInvert($purple);
$red-invert: findColorInvert($red);

$primary-invert: $blue-invert;
// $info-invert: $cyan-invert;
$info-invert: $blue-invert;
$success-invert: $green-invert;
$warning-invert: $yellow-invert;
$danger-invert: $red-invert;
$light-invert: $dark;
$dark-invert: $light;

// $background: $white-ter;
$background: $white;

$border: $grey-lighter;
$border-hover: $grey-light;
// $border: $grey-light;
// $border-hover: $grey;
$box-shadow: lighten($dark, 20%);
$box-shadow-dark: $dark;

// Text colors
$text: $grey-dark;
$text-invert: findColorInvert($text);
$text-light: $grey;
$text-strong: $grey-darker;

// Code colors
$code: $red;
$code-background: $background;

$pre: $text;
$pre-background: $background;

// Link colors
$link: $blue;
$link-invert: $blue-invert;
$link-visited: $purple;

$link-hover: $grey-darker;
$link-hover-border: $grey-light;

$link-focus: $grey-darker;
$link-focus-border: $blue;

$link-active: $grey-darker;
$link-active-border: $grey-dark;

// 变量写在bulma前面，用来覆盖bulma的css变量
@import 'bulma/sass/utilities/derived-variables.sass';

$base-colors: (
  'orange': (
    $orange,
    $orange-invert
  ),
  'yellow': (
    $yellow,
    $yellow-invert
  ),
  'green': (
    $green,
    $green-invert
  ),
  'turquoise': (
    $turquoise,
    $turquoise-invert
  ),
  'cyan': (
    $cyan,
    $cyan-invert
  ),
  'blue': (
    $blue,
    $blue-invert
  ),
  'purple': (
    $purple,
    $purple-invert
  ),
  'red': (
    $red,
    $red-invert
  ),
  'white': (
    $white,
    $black
  ),
  'black': (
    $black,
    $white
  )
);
